import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/Login.vue'
import Home from '../components/Home.vue'
import Welcome from '../components/Welcome.vue'
import Account from '../components/user/Account.vue'
import Movies from '../components/movie/Movies.vue' 
import Order from '../components/order/Order.vue'
import Comment from '../components/comment/Comment.vue'
import Cinema from '../components/cinema/Cinema.vue'

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    {
      path: '/',
      redirect: '/login'
    },
    {
      path: '/login',
      component: Login
    },
    {
      path: '/home',
      component: Home,
      redirect: '/welcome',
      children: [
        {
          path: '/welcome',
          component: Welcome
        },
        {
          path: '/account',
          component: Account
        },
        {
          path: '/movies',
          component: Movies
        },
        {
          path: '/order',
          component: Order
        },
        {
          path: '/comment',
          component: Comment
        },
        {
          path:'/cinema',
          component:Cinema
        }
      ]
    }
  ]
})

// 挂载路由导航守卫
router.beforeEach((to, from, next) => {
  if (to.path == '/login') return next()
  const token = window.sessionStorage.getItem('token')
  if (!token) return next('/login')
  next()
})

export default router